//在这里新增固定的width和width px值
var fixedWH = [1, 14, 20, 22, 26, 28, 30, 50, 68, 70, 80, 84, 85, 159, 290, 350, 600, 720, 1100];
//end

//在这里新增固定的lineHeight px值
var fixedLineHeight = [20, 22, 24, 26, 30, 50, 40];
//end

//动态计算的样式列表
var whitelist = ["config-h-10px"];

var fixedWHMap = {};
var fixedLineHeightMap = {};

fixedWH.forEach((wh) => {
  fixedWHMap[wh + "px"] = wh + "px";
  whitelist.push("w-" + wh + "px");
  whitelist.push("h-" + wh + "px");
});
fixedLineHeight.forEach((lh) => {
  fixedLineHeightMap[lh + "px"] = lh + "px";
});

module.exports = {
  // future: {},
  content: ["./src/**/*.js"],
  // purge: {
  //   content: ["./src/**/*.js"],
  //   options: {
  //     whitelist: whitelist,
  //   },
  // },
  corePlugins: {
    backdropOpacity: false,
    backgroundOpacity: false,
    borderOpacity: false,
    divideOpacity: false,
    ringOpacity: false,
    textOpacity: false
  },
  theme: {
    extend: {
      inset: {
        "1/2": "50%",
        "50px": "3.125rem",
        "1px": "0.0625rem",
        "2px": "0.125rem",
        "4px":"4px",
        "6px":"6px",
        "8px":"8px",
        "9px": "9px",
        "10px": "10px",
        "-1px": "-0.0625rem",
        "-2px": "-0.125rem",
        "-12px": "-2px",
        "-33px": "-33px",
      },
      width: fixedWHMap,
      height: fixedWHMap,
      minWidth: {
        1: "0.25rem",
        2: "0.5rem",
        4: "1rem",
        8: "2rem",
        16: "4rem",
        "80px": "80px",
        "26px": "26px",
        "160px": "160px",
      },
      minHeight: {
        "30px": "30px",
        32: "8rem",
        5.5: "1.375rem",
        "23px": "23px",
        "40px": "40px",
        "85px": "85px",
      },
      fontFamily: {
        yahei: '"Microsoft YaHei", "SimHei"',
      },
      padding: {
        "2px": "2px",
        "3px": "3px",
        "5px": "5px",
        "6px": "6px",
        "8px": "8px",
        "10px": "10px",
        "30px": "1.875rem",
      },
      textColor: {
        "default-color": "#222" /*大部分文本默认颜色*/,
        "color-333": "#333" /*大部分文本默认颜色*/,
        "color-666": "#666" /*大部分文本默认颜色*/,
        "color-999": "#999" /*大部分文本默认颜色*/,
        "color-a5a6aa": "#a5a6aa" /*大部分文本默认颜色*/,
        "color-c7cac7": "#c7cac7",
        "color-f86161": "#f86161",
        "color-44b549": "#44b549",
        "color-ff8800": "#ff8800",
        "color-1990ff": "#1990ff",
        "color-link": "#1990ff",/*超链接颜色 */
        "color-f5a623": "#f5a623",
        "color-01d4a9": "#01d4a9",
        "color-cdd3df": "#cdd3df"
      },
      margin: {
        "-1px": "-1px",
        "1px": "1px",
        "2px": "2px",
        "3px": "3px",
        "4px": "4px",
        "5px": "5px",
        "8px": "8px",
        "10px": "10px",
        "35px": "35px",
        "58px": "58px",
      },
      colors: {
        primary: "#507AFE", //主色调
        "blue-80": "#3a7fff",
        "blue-20": "#3ebbfe",
        "blue-30":"#00A1FF", //打印线框颜色
        "gray-50": "#f2f2f2",
        "gray-60": "#F5F5F5",
        "gray-90":"#333742",// 打印页背景
        "gray-999": "#999", //边框模式表格边框颜色
        "gray-998": "#EBEDF0", // 普通模式下子表表头边框样式
        "gray-e9": "#E9E9E9", //线框模式下的Group标题背景颜色
        "gray-b1":"#b1b1b1", //提示框问号颜色
        "d9d9d9":"#d9d9d9",
        "1990ff": "#1990ff",//超链接蓝色
        "fff5ea":"#fff5ea",
        "b2b2b2":"#b2b2b2",//
        "ddd":"#ddd",//
        "777":"#777",//
        "222":"#222",//
        "666":"#666",//
        "red": "red"
      },
      flexGrow: {
        2: 2,
        3: 3,
        4: 4,
        5: 5,
      },
      fontSize: {
        "13px": "13px",
        "20px": "20px",
        "22px": "1.375rem",
      },
      lineHeight: fixedLineHeightMap,
    },
  },
  variants: {
    opacity: ["responsive", "hover", "focus", "group-hover"],
    borderColor: ["responsive", "hover", "focus", "focus-within"],
  },
  plugins: [],
};
